<script setup>
import { ref, computed, defineProps } from 'vue'
import { todosStore } from '../store/todos.js'
import { storeToRefs } from 'pinia'
const todosstore = todosStore()
const { detailtodo } = storeToRefs(todosstore)
</script>
<template>
    <h1>This is detail of {{ detailtodo.content }}</h1>
    <span>下面是这个待办事项的细节</span>
    <br>
    <span>id:{{ detailtodo.id }}</span>
    <br>
    <span>content:{{ detailtodo.content }}</span>
    <br>
    <span>completed:{{ detailtodo.completed }}</span>
</template>
<style scoped></style>